“Magnet - Responsive Blogger Template” Documentation by “SoraTemplate” v1.0


Magnet

Created: 13/06/2014
By: Soratemplates

Thank you for purchasing my theme. If you have any questions that are beyond the scope of this help file, please feel free to email. Thanks so much!


Table of Contents

  1. Installation
  2. Upload Logo
  3. Setting up the menu
  4. Social icons Sidebar
  5. Recent post Sidebar tab
  6. Edit Author Info

  1. Installation - top
  2. Now you have Magnet Blogger Template. You Can Follow This Steps To Upload Your Blogger Template To Blogger Platform. First Login to your Blogger DashBoard by Using Your Google Username And Password from Here.

    Then follow these steps:

    1. On Blogger Dashboard Click Template.

    2. Click Backup/Restore button (Top Right).

    3. Click Choose ( Browse..) File button. Find where the “Magnet-Blogger-Template.xml” file location.

    4. Then Click Upload.

    Note: Before Uploading This Template Mobile Blogger Template Must Enable to make Blogger Customize Work


    Access your blog Layout > click Edit link on Header widget

    In Configure Header window, input you Blog Title and Blog Description. If you want to upload your image logo, make sure checked Instead of title and description, then click Choose File and locate your logo file. And click Save button to finish.


    To Edit Menu in this theme you can follow this step:

    1. On Blogger Dashbord Click Template
    2. Click Edit HTML
    3. (Top Menu) Scroll down and Find this Code :

       <ul class='nav' id='menu-primary'> 
       <li><a expr:href='data:blog.homepageUrl'>Home</a></li> 
       <li><a href='#'>Blog</a></li> 
      <li><a href='#'>Posts</a></li> 
       <li class='dropdown'><a class='dropdown-toggle' data-toggle='dropdown' href='#'>Portfolio<i class='fa fa-caret-down'/></a> 
      <ul class='dropdown-menu'> 
       <li><a href='#'>Full Width</a></li>
       <li><a href='#'>Right Sidebar</a></li> 
       <li><a href='#'>Left Sidebar</a></li> 
       <li><a href='#'>404 Page</a></li>  
      </ul> 
      </li> 
       <li><a href='#'>Download</a></li> 
       </ul>
    4. Change # with yours URL link

    You Can See that Sidebar side area have Social Icons Collection. To Edit Social Icon in this theme you can follow this step:

    Sidebar Social Icons

    1- on Dashbord Blogger Click Layout.

    2- Click Add a Gadget on Recent post (sidebar).

    3- Choose HTML/Javascript.

    4- Copy this Code Found in File " social-icons-code.txt " attached with template.

    5- Copy the above script and just paste it on html widget

    6. Click Save.


  3. Recent Post in sidebar tab - top
  4. You Can See that Sidebar side area have recent tab option. To Edit recent post in this theme you can follow this step:

    Sidebar Social Icons

    1- on Dashbord Blogger Click Layout.

    2- Click Add a Gadget.

    3- Choose HTML/Javascript.

    <script src="/feeds/posts/default?alt=json-in-script&amp;callback=recentposts" type="text/javascript"></script>

    5- Copy the above script and just paste it on html widget

    6. Click Save.


  5. Edit Author Info - top
  6. To Edit AUTHOR DESCRIPTION ( post page )in this theme you can follow this step:

    Author image and description automatically fetch from Google + account. You just need to add info in you google+ account.And activate author infomation option from blogger settings

    To Activate author infomation in this theme, you can follow this step:

    1. On Blogger Dashbord Click layout

    2. Click Edit Blog Posts

    3.Now check same like below image :


     

    Once again, thank you so much for purchasing this theme. As I said at the beginning, I'd be glad to help you if you have any questions relating to this theme. No guarantees, but I'll do my best to assist.

    Go To Table of Contents